/**Scroller Bar**/
body {
    /* scrollbar-face-color:  #03a9f4; */
    /*滚动条凸出部分的颜色*/
    scrollbar-highlight-color: #c1e2f1;
    /*滚动条空白部分的颜色*/
    scrollbar-shadow-color: #D5D5D5;
    /*立体滚动条阴影的颜色*/
    scrollbar-3dlight-color: #D5D5D5;
    /*滚动条亮边的颜色*/
    /* scrollbar-arrow-color: #1f7ebe; */
    /*上下按钮上三角箭头的颜色*/
    scrollbar-track-color: #D5D5D5;
    /*滚动条的背景颜色*/
    scrollbar-darkshadow-color: #c1e2f1;
    /*滚动条强阴影的颜色*/
    /* scrollbar-base-color: #1f7ebe; */
    /*滚动条的基本颜色*/
}

.ui-tabview.ui-widget.ui-widget-content.ui-corner-all.ui-tabview-top {
    height: 100%;
}

.ui-tabview.ui-tabview-top>.ui-tabview-nav {
    border-bottom: 2px solid #D8D8D8;
}

.ui-tabview-panels {
    height: 100%;
    overflow-y: auto;
}

.ui-tabview-panel {
    height: 100%;
    padding: 0px !important;
}

.ui-tabview {
    padding: 0px;
}

/**hidden navagator menu right border**/
mdl-layout-content .menu-area .ui-panelmenu-header {
    border-right: none;
}

/**auto set the height of datagrid**/
.ui-datagrid-content.ui-widget-content {
    height: calc(100% - 85px);
    overflow-y: auto;
}

/**auto set the height of dataview**/
.ui-dataview-content.ui-widget-content {
    height: calc(100% - 85px);
    overflow-y: auto;
}

.ui-dataview-header.ui-widget-header {
    height: 45px;
}

/**notice**/
.notice-navagator-list .ui-datascroller-content {
    border: none;
}

.notice-content .ui-editor-toolbar {
    height: 63px;
    margin-top: -3px;
}

.notice-detail-content thead {
    display: none;
}

.notice-detail-content .ui-table-scrollable-body>table>.ui-table-tbody>tr:first-child>td {
    border: 1px solid #D5D5D5
}

p-editor .ui-editor-container {
    height: 100%;
}

p-editor .ql-editor {
    height: calc(100% - 60px);
}

p-rating a {
    text-decoration: none !important
}

/**formbuilder**/
.dataset-listtable-container .ui-datatable-footer {
    border-top: 1px solid #D5D5D5
}

.ui-paginator-left-content {
    font-weight: 500;
    margin-top: 5px;
    margin-left: 15px;
}

.ui-paginator-right-content {
    font-weight: 500;
    margin-top: 5px;
    margin-right: 15px;
}


.area{
    width: 24px;
    height: 24px;
    background-image: url("../../../assets/images/unit/area.png");
    background-size: 100% 100%;
}

.unit{
    width: 24px;
    height: 24px;
    background-image: url("../../../assets/images/unit/unit.png");
    background-size: 100% 100%;
}

.entrust{
    width: 24px;
    height: 24px;
    background-image: url("../../../assets/images/unit/entrust.png");
    background-size: 100% 100%;
}

.supervise{
    width: 24px;
    height: 24px;
    background-image: url("../../../assets/images/unit/supervise.png");
    background-size: 100% 100%;
}

.common{
    width: 24px;
    height: 24px;
    background-image: url("../../../assets/images/unit/common.png");
    background-size: 100% 100%;
}

.patrol{
    width: 24px;
    height: 24px;
    background-image: url("../../../assets/images/unit/patrol.png");
    background-size: 100% 100%;
}

.female-patrol{
    width: 24px;
    height: 24px;
    background-image: url("../../../assets/images/unit/female-patrol.png");
    background-size: 100% 100%;
}


.ui-tabview-panels{
    height: 90%;
}

p-tabview .ui-tabview-panels{
    height: 100%;
}

.human-photo-fileUpload .ui-button {
    margin: 0;
    color: transparent;
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 14px;
    transition: background-color 0.2s, box-shadow 0.2s;
    width: 154px;
    height: 200px;
}

.profile-picture .human-photo-fileUpload .ui-button {
    height: 130px;
    width: 130px;
}

.human-photo-fileUpload .ui-fileupload-choose:not(.ui-state-disabled):hover {
    background-color: transparent;
    color: transparent;
    border-color: transparent;
}

.ui-calendar .ui-datepicker{
    top: 38px !important;
}
